<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div>
    <div class="header">
        <span>微信登录</span>
        <span>QQ登录</span>
    </div>
    <hr>
    <div class="body">
        <div>
            <p><input type="text" placeholder="支持QQ号/邮箱/手机号登录"></p>
            <p><input type="password" placeholder="QQ密码"></p>
        </div>
        <div>
            <input type="button" value="登录" style="color: #0c498c">
        </div>

        <div>
            <span>
                <input type="checkbox">
                <span>下次自动登录</span>
            </span>
        </div>
        <div>
            <p>
                <span>
                    <a href="">找回密码</a>
                </span>
                <span>
                    <a href="">扫码快捷登录</a>
                </span>
                <span>
                    <a href="">注册账号</a>
                </span>
            </p>
        </div>
    </div>
</div>

</body>
</html>